// Generate PNG-Icons from SVG via Canvas (works in browser)
// Outputs: 120x120, 152x152, 167x167, 180x180 (Apple Touch Icons)
// Plus: 192x192, 512x512 (PWA standard)
// Plus: 1024x1024 (App Store)

const SIZES = [120, 152, 167, 180, 192, 512, 1024];

// Inline SVG (purple gradient circle with chat bubble)
const SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  <defs>
    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#7c3aed"/>
      <stop offset="100%" stop-color="#3b82f6"/>
    </linearGradient>
  </defs>
  <rect width="512" height="512" rx="96" fill="url(#g)"/>
  <path d="M128 184c0-22 18-40 40-40h176c22 0 40 18 40 40v112c0 22-18 40-40 40H224l-56 40v-40h-0c-22 0-40-18-40-40V184z" fill="#fff" opacity="0.95"/>
  <circle cx="200" cy="240" r="12" fill="#7c3aed"/>
  <circle cx="256" cy="240" r="12" fill="#7c3aed"/>
  <circle cx="312" cy="240" r="12" fill="#7c3aed"/>
</svg>`;

async function generate() {
  const svgBlob = new Blob([SVG], { type: 'image/svg+xml' });
  const svgUrl = URL.createObjectURL(svgBlob);
  const img = new Image();
  await new Promise((resolve, reject) => {
    img.onload = resolve;
    img.onerror = reject;
    img.src = svgUrl;
  });

  const out = {};
  for (const size of SIZES) {
    const canvas = document.createElement('canvas');
    canvas.width = size;
    canvas.height = size;
    const ctx = canvas.getContext('2d');
    ctx.drawImage(img, 0, 0, size, size);
    const blob = await new Promise((resolve) => canvas.toBlob(resolve, 'image/png'));
    out[`png-${size}`] = await blobToBase64(blob);
  }
  return out;
}

function blobToBase64(blob) {
  return new Promise((resolve) => {
    const reader = new FileReader();
    reader.onload = () => resolve(reader.result);
    reader.readAsDataURL(blob);
  });
}

generate().then((out) => {
  // Output to console as JSON
  const compact = {};
  for (const k of Object.keys(out)) {
    compact[k] = out[k].substring(0, 100) + '... (' + out[k].length + ' chars)';
  }
  console.log(JSON.stringify(compact));
  // Store in window for retrieval
  window.__generatedIcons = out;
});